<template>
  <div class="city" style="z-index: 2011;">
    <mt-header title="选择城市">
      <router-link to="/" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <mt-index-list>
      <mt-index-section index="A">
        <mt-cell title="安徽"></mt-cell>
        <mt-cell title="安阳"></mt-cell>
        <mt-cell title="安顺"></mt-cell>
      </mt-index-section>
      <mt-index-section index="B">
        <mt-cell title="北京"></mt-cell>
        <mt-cell title="保定"></mt-cell>
      </mt-index-section>
      <mt-index-section index="C">
        <mt-cell title="成都"></mt-cell>
        <mt-cell title="长沙"></mt-cell>
        <mt-cell title="重庆"></mt-cell>
      </mt-index-section>
      <mt-index-section index="D">
        <mt-cell title="大连"></mt-cell>
        <mt-cell title="德阳"></mt-cell>
      </mt-index-section>
      <mt-index-section index="E">
        <mt-cell title="大连"></mt-cell>
        <mt-cell title="德阳"></mt-cell>
      </mt-index-section>
      <mt-index-section index="F">
        <mt-cell title="大连"></mt-cell>
        <mt-cell title="德阳"></mt-cell>
      </mt-index-section>
      <mt-index-section index="G">
        <mt-cell title="大连"></mt-cell>
        <mt-cell title="德阳"></mt-cell>
      </mt-index-section>
      ...
      <mt-index-section index="Z">
        <mt-cell title="Zack"></mt-cell>
        <mt-cell title="Zane"></mt-cell>
      </mt-index-section>
    </mt-index-list>
  </div>
</template>
<script>
export default {
  data() {
    return {
      cityData: [
        {
          initial: "A",
          city: ["安徽", "安阳", "安顺"],
        },
        {
          initial: "B",
          city: ["北京", "保定", "安顺"],
        },
        {
          initial: "C",
          city: ["安徽", "安阳", "安顺"],
        },
        {
          initial: "D",
          city: ["安徽", "安阳", "安顺"],
        },
        {
          initial: "E",
          city: ["安徽", "安阳", "安顺"],
        },
        {
          initial: "F",
          city: ["安徽", "安阳", "安顺"],
        },
        {
          initial: "G",
          city: ["安徽", "安阳", "安顺"],
        },
        {
          initial: "Z",
          city: ["安徽", "安阳", "安顺"],
        },
      ],
      resultCityData:""
    };
  },
  mounted(){
      this.axios.get('/getCity').then(res=>{
        this.resultCityData=res.data.cities
        // console.log(this.resultCityData) 
      })
  },
 
};
</script>
<style>
.city {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
}
.city .mint-header {
  background-color: #007d65;
}
</style>
